<title>项目列表 01</title>

<link rel="stylesheet" href="/vendor/jquery-selective/jquery-selective.css">
<link rel="stylesheet" href="/css/examples/pages/team/projects.css">

<div class="page animation-fade page-projects">
    <div class="page-header">
        <h1 class="page-title">项目列表 01</h1>
        <div class="page-header-actions">
            <form>
                <div class="input-search">
                    <i class="input-search-icon wb-search" aria-hidden="true"></i>
                    <input type="text" class="form-control" name="" placeholder="搜索...">
                </div>
            </form>
        </div>
    </div>
    <div class="page-content">
        <div class="projects-sort">
            <span class="projects-sort-label">排序： </span>
            <div class="inline-block dropdown">
                <span class="dropdown-toggle" id="projects-menu" data-toggle="dropdown" aria-expanded="false" role="button">
                    默认
                    <i class="icon wb-chevron-down-mini" aria-hidden="true"></i>
                </span>
                <ul class="dropdown-menu animation-scale-up animation-top-left animation-duration-250" aria-labelledby="projects-menu" role="menu">
                    <li role="presentation">
                        <a href="javascript:;" role="menuitem" tabindex="-1">按进度</a>
                    </li>
                    <li class="active" role="presentation">
                        <a href="javascript:;" role="menuitem" tabindex="-1">按开始日期</a>
                    </li>
                    <li role="presentation">
                        <a href="javascript:;" role="menuitem" tabindex="-1">按结束日期</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="projects-wrap">
            <ul class="blocks blocks-100 blocks-xlg-5 blocks-md-4 blocks-sm-3 blocks-xs-2" data-plugin="animateList" data-child=">li">
                <li>
                    <div class="panel">
                        <figure class="overlay overlay-hover animation-hover">
                            <img class="caption-figure" src="/images/placeholder.png">
                            <figcaption class="overlay-panel overlay-background overlay-fade text-center vertical-align">
                                <div class="btn-group">
                                    <div class="dropdown pull-left">
                                        <button type="button" class="btn btn-icon btn-pure btn-default dropdown-toggle" title="设置">
                                            <i class="icon wb-settings" aria-hidden="true"></i>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="">复制</a>
                                            </li>
                                            <li>
                                                <a href="">重命名</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <button type="button" class="btn btn-icon btn-pure btn-default" title="Delete" data-tag="project-delete">
                                        <i class="icon wb-trash" aria-hidden="true"></i>
                                    </button>
                                </div>
                                <button type="button" class="btn btn-outline btn-default project-button">查看项目
                                </button>
                            </figcaption>
                        </figure>
                        <div class="time pull-right">2016.9.2</div>
                        <div class="text-truncate">项目 01</div>
                    </div>
                </li>
                <li>
                    <div class="panel">
                        <figure class="overlay overlay-hover animation-hover">
                            <img class="caption-figure" src="/images/placeholder.png">
                            <figcaption class="overlay-panel overlay-background overlay-fade text-center vertical-align">
                                <div class="btn-group">
                                    <div class="dropdown pull-left">
                                        <button type="button" class="btn btn-icon btn-pure btn-default dropdown-toggle" title="设置">
                                            <i class="icon wb-settings" aria-hidden="true"></i>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="">复制</a>
                                            </li>
                                            <li>
                                                <a href="">重命名</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <button type="button" class="btn btn-icon btn-pure btn-default" title="Delete" data-tag="project-delete">
                                        <i class="icon wb-trash" aria-hidden="true"></i>
                                    </button>
                                </div>
                                <button type="button" class="btn btn-outline btn-default project-button">查看项目
                                </button>
                            </figcaption>
                        </figure>
                        <div class="time pull-right">2016.9.2</div>
                        <div class="text-truncate">项目 02</div>
                    </div>
                </li>
                <li>
                    <div class="panel">
                        <figure class="overlay overlay-hover animation-hover">
                            <img class="caption-figure" src="/images/placeholder.png">
                            <figcaption class="overlay-panel overlay-background overlay-fade text-center vertical-align">
                                <div class="btn-group">
                                    <div class="dropdown pull-left">
                                        <button type="button" class="btn btn-icon btn-pure btn-default dropdown-toggle" title="设置">
                                            <i class="icon wb-settings" aria-hidden="true"></i>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="">复制</a>
                                            </li>
                                            <li>
                                                <a href="">重命名</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <button type="button" class="btn btn-icon btn-pure btn-default" title="Delete" data-tag="project-delete">
                                        <i class="icon wb-trash" aria-hidden="true"></i>
                                    </button>
                                </div>
                                <button type="button" class="btn btn-outline btn-default project-button">查看项目
                                </button>
                            </figcaption>
                        </figure>
                        <div class="time pull-right">2016.9.2</div>
                        <div class="text-truncate">项目 03</div>
                    </div>
                </li>
                <li>
                    <div class="panel">
                        <figure class="overlay overlay-hover animation-hover">
                            <img class="caption-figure" src="/images/placeholder.png">
                            <figcaption class="overlay-panel overlay-background overlay-fade text-center vertical-align">
                                <div class="btn-group">
                                    <div class="dropdown pull-left">
                                        <button type="button" class="btn btn-icon btn-pure btn-default dropdown-toggle" title="设置">
                                            <i class="icon wb-settings" aria-hidden="true"></i>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="">复制</a>
                                            </li>
                                            <li>
                                                <a href="">重命名</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <button type="button" class="btn btn-icon btn-pure btn-default" title="Delete" data-tag="project-delete">
                                        <i class="icon wb-trash" aria-hidden="true"></i>
                                    </button>
                                </div>
                                <button type="button" class="btn btn-outline btn-default project-button">查看项目
                                </button>
                            </figcaption>
                        </figure>
                        <div class="time pull-right">2016.9.2</div>
                        <div class="text-truncate">项目 04</div>
                    </div>
                </li>
                <li>
                    <div class="panel">
                        <figure class="overlay overlay-hover animation-hover">
                            <img class="caption-figure" src="/images/placeholder.png">
                            <figcaption class="overlay-panel overlay-background overlay-fade text-center vertical-align">
                                <div class="btn-group">
                                    <div class="dropdown pull-left">
                                        <button type="button" class="btn btn-icon btn-pure btn-default dropdown-toggle" title="设置">
                                            <i class="icon wb-settings" aria-hidden="true"></i>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="">复制</a>
                                            </li>
                                            <li>
                                                <a href="">重命名</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <button type="button" class="btn btn-icon btn-pure btn-default" title="Delete" data-tag="project-delete">
                                        <i class="icon wb-trash" aria-hidden="true"></i>
                                    </button>
                                </div>
                                <button type="button" class="btn btn-outline btn-default project-button">查看项目
                                </button>
                            </figcaption>
                        </figure>
                        <div class="time pull-right">2016.9.2</div>
                        <div class="text-truncate">项目 05</div>
                    </div>
                </li>
                <li>
                    <div class="panel">
                        <figure class="overlay overlay-hover animation-hover">
                            <img class="caption-figure" src="/images/placeholder.png">
                            <figcaption class="overlay-panel overlay-background overlay-fade text-center vertical-align">
                                <div class="btn-group">
                                    <div class="dropdown pull-left">
                                        <button type="button" class="btn btn-icon btn-pure btn-default dropdown-toggle" title="设置">
                                            <i class="icon wb-settings" aria-hidden="true"></i>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="">复制</a>
                                            </li>
                                            <li>
                                                <a href="">重命名</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <button type="button" class="btn btn-icon btn-pure btn-default" title="Delete" data-tag="project-delete">
                                        <i class="icon wb-trash" aria-hidden="true"></i>
                                    </button>
                                </div>
                                <button type="button" class="btn btn-outline btn-default project-button">查看项目
                                </button>
                            </figcaption>
                        </figure>
                        <div class="time pull-right">2016.9.2</div>
                        <div class="text-truncate">项目 06</div>
                    </div>
                </li>
                <li>
                    <div class="panel">
                        <figure class="overlay overlay-hover animation-hover">
                            <img class="caption-figure" src="/images/placeholder.png">
                            <figcaption class="overlay-panel overlay-background overlay-fade text-center vertical-align">
                                <div class="btn-group">
                                    <div class="dropdown pull-left">
                                        <button type="button" class="btn btn-icon btn-pure btn-default dropdown-toggle" title="设置">
                                            <i class="icon wb-settings" aria-hidden="true"></i>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="">复制</a>
                                            </li>
                                            <li>
                                                <a href="">重命名</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <button type="button" class="btn btn-icon btn-pure btn-default" title="Delete" data-tag="project-delete">
                                        <i class="icon wb-trash" aria-hidden="true"></i>
                                    </button>
                                </div>
                                <button type="button" class="btn btn-outline btn-default project-button">查看项目
                                </button>
                            </figcaption>
                        </figure>
                        <div class="time pull-right">2016.9.2</div>
                        <div class="text-truncate">项目 07</div>
                    </div>
                </li>
                <li>
                    <div class="panel">
                        <figure class="overlay overlay-hover animation-hover">
                            <img class="caption-figure" src="/images/placeholder.png">
                            <figcaption class="overlay-panel overlay-background overlay-fade text-center vertical-align">
                                <div class="btn-group">
                                    <div class="dropdown pull-left">
                                        <button type="button" class="btn btn-icon btn-pure btn-default dropdown-toggle" title="设置">
                                            <i class="icon wb-settings" aria-hidden="true"></i>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="">复制</a>
                                            </li>
                                            <li>
                                                <a href="">重命名</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <button type="button" class="btn btn-icon btn-pure btn-default" title="Delete" data-tag="project-delete">
                                        <i class="icon wb-trash" aria-hidden="true"></i>
                                    </button>
                                </div>
                                <button type="button" class="btn btn-outline btn-default project-button">查看项目
                                </button>
                            </figcaption>
                        </figure>
                        <div class="time pull-right">2016.9.2</div>
                        <div class="text-truncate">项目 08</div>
                    </div>
                </li>
                <li>
                    <div class="panel">
                        <figure class="overlay overlay-hover animation-hover">
                            <img class="caption-figure" src="/images/placeholder.png">
                            <figcaption class="overlay-panel overlay-background overlay-fade text-center vertical-align">
                                <div class="btn-group">
                                    <div class="dropdown pull-left">
                                        <button type="button" class="btn btn-icon btn-pure btn-default dropdown-toggle" title="设置">
                                            <i class="icon wb-settings" aria-hidden="true"></i>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="">复制</a>
                                            </li>
                                            <li>
                                                <a href="">重命名</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <button type="button" class="btn btn-icon btn-pure btn-default" title="Delete" data-tag="project-delete">
                                        <i class="icon wb-trash" aria-hidden="true"></i>
                                    </button>
                                </div>
                                <button type="button" class="btn btn-outline btn-default project-button">查看项目
                                </button>
                            </figcaption>
                        </figure>
                        <div class="time pull-right">2016.9.2</div>
                        <div class="text-truncate">项目 09</div>
                    </div>
                </li>
                <li>
                    <div class="panel">
                        <figure class="overlay overlay-hover animation-hover">
                            <img class="caption-figure" src="/images/placeholder.png">
                            <figcaption class="overlay-panel overlay-background overlay-fade text-center vertical-align">
                                <div class="btn-group">
                                    <div class="dropdown pull-left">
                                        <button type="button" class="btn btn-icon btn-pure btn-default dropdown-toggle" title="设置">
                                            <i class="icon wb-settings" aria-hidden="true"></i>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="">复制</a>
                                            </li>
                                            <li>
                                                <a href="">重命名</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <button type="button" class="btn btn-icon btn-pure btn-default" title="Delete" data-tag="project-delete">
                                        <i class="icon wb-trash" aria-hidden="true"></i>
                                    </button>
                                </div>
                                <button type="button" class="btn btn-outline btn-default project-button">查看项目
                                </button>
                            </figcaption>
                        </figure>
                        <div class="time pull-right">2016.9.2</div>
                        <div class="text-truncate">项目 10</div>
                    </div>
                </li>
            </ul>
        </div>
        <nav>
            <ul class="pagination pagination-no-border">
                <li class="disabled">
                    <a href="javascript:;" aria-label="上一页"><span aria-hidden="true">&laquo;</span></a>
                </li>
                <li class="active">
                    <a href="javascript:;">1 <span class="sr-only">(当前)</span></a>
                </li>
                <li>
                    <a href="javascript:;">2</a>
                </li>
                <li>
                    <a href="javascript:;">3</a>
                </li>
                <li>
                    <a href="javascript:;">4</a>
                </li>
                <li>
                    <a href="javascript:;">5</a>
                </li>
                <li>
                    <a href="javascript:;" aria-label="下一页"><span aria-hidden="true">&raquo;</span></a>
                </li>
            </ul>
        </nav>
    </div>

    <button class="site-action btn-raised btn btn-success btn-floating" data-target="#addProjectForm" data-toggle="modal" type="button">
        <i class="icon wb-plus" aria-hidden="true"></i>
    </button>

</div>

<div class="modal fade" id="addProjectForm" aria-hidden="true" aria-labelledby="addProjectForm" role="dialog" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" aria-hidden="true" data-dismiss="modal">×</button>
                <h4 class="modal-title">创建新项目</h4>
            </div>
            <div class="modal-body">
                <form action="#" method="post" role="form">
                    <div class="form-group">
                        <label class="control-label margin-bottom-15" for="name">项目名称：</label>
                        <input type="text" class="form-control" id="name" name="name" placeholder="项目名称">
                    </div>
                    <div class="form-group">
                        <label class="control-label margin-bottom-15" for="name">项目简介：</label>
                        <textarea class="maxlength-textarea form-control mb-sm" placeholder="项目简介" rows="4" maxlength="225" data-plugin="maxlength"></textarea>
                    </div>
                    <div class="form-group">
                        <label class="control-label margin-bottom-15" for="name">选择参与人员：</label>
                        <select multiple="multiple" data-plugin="jquery-selective"></select>
                    </div>
                </form>
            </div>
            <div class="modal-footer text-right">
                <button class="btn btn-primary" data-dismiss="modal" type="button">创建</button>
                <a class="btn btn-sm btn-white" data-dismiss="modal" href="javascript:;">取消</a>
            </div>
        </div>
    </div>
</div>

<script src="/vendor/jquery-selective/jquery-selective.min.js"></script>
<script src="/vendor/bootbox/bootbox.min.js"></script>
<script src="/themes/classic/base/js/app.js" data-name="app"></script>
<script src="/js/examples/pages/team/projects.js" data-deps="app"></script>
